<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
    <title>首页</title>  
    <link href="../css/mui.min.css" rel="stylesheet"/>
    <link rel="stylesheet" href="../css/swiper.min.css" />
    <link rel="stylesheet" href="../css/iconfont.css" />
    <link rel="stylesheet" type="text/css" href="../css/banner_slider.css"/>
    <link rel="stylesheet" type="text/css" href="../css/cw.css"/>
    <style type="text/css">
    	/*轮播颜色*/
    /*.mui-slider-title{background:#8dc21f;color: white;}	
    .mui-slider .mui-slider-group .mui-slider-item img {width: 100%;max-height:180px;}*/
    /*.mui-grid-view.mui-grid-9{background:white;}
    .bot-img{position:relative;padding:10px;width:100%;margin:auto;height: auto;}
    .bot-img>img{width:100%;display:block}
    .ggao{position:absolute;left:20px;top:20px;padding:0 3px;font-size:13px;color:white;z-index: 3;background:rgba(0,0,0,.4)}*/
    /*轮播*/
    		/*#imgs{
    			list-style: none;
    			margin:0;
    			padding: 0;
    			/*max-width: ;*/
    			max-height:180px;
    			overflow: hidden;
    			float: left;
    		}
    		#imgs img{height:180px;}
    		#indexs{list-style: none; float: left;margin: 0; width: 100%;background: #8dc21f;line-height: 25px;}
    		#indexs li:first-child{margin-left: 80%;}
    		#indexs li{float:left; font-size: 6px;color: #aaa;margin-right: 5px;height: 25px;}
    		#indexs li.hover{color: #fff;}
    		.tips{color: #fff;margin-left:-100% ;}
    		.clear{clear: both;}*/
    </style>
</head>
<body ng-app="suixia" ng-controller="indexController">
	<header id="header" class="mui-bar mui-bar-nav">
		<h1 class="mui-title ">绥夏医生</h1>
	</header> 
	<div id="content" class="mui-content"></div>
	<!--<div id="slider">
		<ul id="imgs">
		</ul>
	    <ul id="indexs">
	    	
	    </ul>
	</div>-->
	<div class="swiper-container">
		<div class="swiper-wrapper">
			<div class="swiper-slide" ng-repeat="(index,x) in images">
				<img src="{{webRoot+x.adfile}}" />
				<div>{{x.name}}</div>
			</div>
		</div>
		<!-- Add Pagination -->
		<div class="swiper-pagination"></div>
	</div>
	<div class="clear"></div>
	<!--轮播-->
	<!--<div id="slider" class="mui-slider">
		<div class="mui-slider-group mui-slider-loop banner1">
			<div class="mui-slider-item mui-slider-item-duplicate">
				<a href="#"> 
					<img src="../images/pic_img.jpg">
					<p class="mui-slider-title"></p>
				</a>
			</div>
			<div class="mui-slider-item">
				<a href="#">
					<img src="../images/pic_img.jpg">
					<p class="mui-slider-title"></p>
				</a>
			</div>
			<div class="mui-slider-item">
				<a href="#">
					<img src="../images/pic_img.jpg">
					<p class="mui-slider-title"></p>
				</a>
			</div>
			<div class="mui-slider-item">
				<a href="#">
					<img src="../images/pic_img.jpg">
					<p class="mui-slider-title"></p>
				</a>
			</div>
			<div class="mui-slider-item mui-slider-item-duplicate">
				<a href="#">
					<img src="../images/pic_img.jpg">
					<p class="mui-slider-title"></p>
				</a>
			</div>
		</div>
		<div class="mui-slider-indicator mui-text-right">
			<div class="mui-indicator mui-active"></div>
			<div class="mui-indicator"></div>
			<div class="mui-indicator"></div>
		</div>
	</div>-->
	<!--九宫-->
	<ul class="mui-table-view mui-grid-view mui-grid-9 home-9">
        
        <li class="mui-table-view-cell mui-media mui-col-xs-4" onclick="openNewpage('yuyuegh.html')">
            <span><img src="../images/yuyue.png"/></span>
             <div class="mui-media-body">预约挂号</div>
        </li>
        <li class="mui-table-view-cell mui-media mui-col-xs-4"onclick="openNewpage('home-hospital-list.html')">
            <img src="../images/gong.png"/>
             <div class="mui-media-body">医药商城</div>
        </li>
        <li class="mui-table-view-cell mui-media mui-col-xs-4 ancient">
            <img src="../images/old.png"/>
             <div class="mui-media-body">古法古方</div>
        </li>
	</ul>
	<!--最新资讯-->
	<div class="table-view-cell-mini-15 mui-h6 color-000">
		<span>最新资讯</span>
	</div>
	<div class="newsList"></div>
			<!--<div class="mui-table-view background table-view-cell home-list">
				<div>
					<img src="../images/iconic.png" alt="" />
				</div>
				<div class="">
					<li class="font-17">晚上光吃水果能减肥？</li>
					<li class="mui-ellipsis-2 font-12">很多人以为晚上光吃水果可以减肥，很多人以为晚上光吃水果可以减肥，很多人以为晚上光吃水果可以减肥，</li>
				</div>
			</div>-->
	<!--<div class="mui-content background-t"></div>-->
	<div class="bot-img" style="display: none;">
		<img src="../images/shouy1.png" height="68"/>
		<div class="ggao">广告</div>
	</div>
</body>
	 
	<script src="../js/jquery-2.1.4.min.js"></script>
    <script src="../js/mui.min.js"></script>
    <script src="../js/swiper.min.js"></script>
    <script type="text/javascript" src="../js/angular.js" ></script>
    <script src="../js/global.js" type="text/javascript" charset="utf-8"></script>
    <script type="text/javascript" src="../js/public.js" ></script>
    <script type="text/javascript" src="../js/app/home.js" ></script>
    <script type="text/javascript" src="../js/slider2.js" ></script>
    <script type="text/javascript" charset="UTF-8">
      	mui.init();
		//nav自动时间控制
//		mui("#slider").slider({
//			interval: 3000
//		});		
		var imgWidth=$(window).width();
	    $('#slider').width(imgWidth);
	    $('.innerimg').width(imgWidth);
	    $('#imgs').css('max-width', imgWidth)
	</script>
</html>